<template>
  <div class="container mx-auto px-4 py-8">
    <nav class="flex justify-between items-center mb-8">
      <div class="text-xl font-bold">LOGO</div>
      <ul class="flex space-x-6">
        <li><a href="#" class="hover:underline">Home</a></li>
        <li><a href="#" class="hover:underline">Brand</a></li>
        <li><a href="#" class="hover:underline">Send RFQ</a></li>
        <li><a href="#" class="hover:underline">Our Blog</a></li>
        <li><a href="#" class="hover:underline">Contact US</a></li>
        <li><a href="#" class="hover:underline">About</a></li>
      </ul>
      <div class="flex space-x-4">
        <el-button type="primary">Request Quote</el-button>
        <el-button type="primary">Place an Order</el-button>
      </div>
    </nav>
    <div class="text-xl font-bold mb-4">Home > Contact US</div>
    <div class="text-2xl font-bold mb-4">Term & Condition</div>
    <p>AUGTO operates the website located at www.AUGTO.com to provide online access to information about products that are available at AUGTO (the "product") and to facilitate purchase of Products (the "Service"). These Terms of Use, together with the Conditions of Order, are referred to as this "Agreement". By using AUGTO, you agree to each of the following terms and conditions set forth herein ("Terms of Use"). By ordering Products, you agree to the Terms of Use, as well as the Conditions of Order, set forth below. AUGTO reserves the right to modify this Agreement at any time without giving you prior notice. Your use of the Site following any such modification constitutes your agreement to follow and be bound by the Agreement as modified. The last date this Agreement was revised is set forth below.</p>
    <ul class="list-disc list-inside mb-4">
      <li class="font-bold">Intellectual Property Rights</li>
      <li>We are the owner or the licensee of all intellectual property rights in our sites (including copyright, trade marks, design rights, patents or other intellectual property rights), and in the material published on it. Those works are protected by intellectual property laws and treaties around the world. All such rights are reserved. You may print off copies, and may download extracts, of any page(s) from our sites for your personal use or internal business use and you may draw the attention of others within your organization to content posted on our sites. Reproduction of part or all of the contents of the websites in any form is prohibited other than for personal use or internal business use only and may not be recopied and shared with a third party.</li>
      <li class="font-bold">Order Process</li>
      <li>We welcome you to please the order for all the merchandise from our website, you may need to read the order process to understand how you purchase the merchandise and get the service after payment and shipping.</li>
      <li class="font-bold">Payment Term</li>
      <li>AUGTO offers the several convenient payment methods by US dollars, including PAYPAL, Credit Card, Wire Transfer. Payment must be made in the currency in which the order was placed. If you need other payment terms, please contact our customer service: sales@AUGTO.com.</li>
      <li class="font-bold">Shipping Option</li>
      <li>AUGTO offers different kinds of shipping methods: we may help you arrange the delivery of the package via Fedex, DHL, UPS, TNT, EMS, or Other way you prefer, you may choose your own logistic service if you have cooperated with specific delivery company. We also accept the shipping method as the client requested. Normally lead time most of part will provide 1-3 working days or 5-7 working days, special requirement needs to confirm with our sales team.</li>
      <li class="font-bold">Quality control and after-sales service</li>
      <li>AUGTO guarantees all the merchandise we provide is from original factory authorized agent and authorized distributors, all is original and new parts. We will provide the inspection record for all the orders by the delivery from our customer service team. We also provide one year warranty after the merchandise's delivery. We will not accept the order cancel unless customer has a legal reason. Such as: have the evident to prove that our merchandise is not original and new parts. When there is some quality issue happen after you got the merchandise, please contact us within the 3 working days and we will obey the after-sales service agreement to exchange the new parts. After-sales service agreement is the regulation to provide the better service for you. You may need to read carefully to handle the product issue before the product complain. We will not accept cancel the order after sending. We will only accept the product issue with apparent damage during transportation when your receive the package at sight and keep the photo for the record. We will require the formal product issue description when customer complains the product issue after receiving 3 working days to confirm the issue. The formal product issue description including but not only: text description, photos, video, preliminary test etc. AUGTO will exchange the new parts to replace, and undertake the shipping cost for the new parts after the product issue is confirmed. If necessary, AUGTO may require to return the failure product for the inspection or testing purpose, customers should assist to return the failure parts, AUGTO will undertake the shipping cost.</li>
      <li class="font-bold">Disclaimer</li>
      <li>AUGTO is accountable to offer technical support make sure the website in working order. Try to avoid service interruption, or Interrupt time limit in the shortest time, make sure can deal on internet smoothly. However as a result of force majeure or other reasons can't control, make the website crash or unable to result to some record, message or information lost, AUGTO is irresponsibility. And in the following case AUGTO will not be held responsible. For any unauthorized access or illegal or unauthorized use of information, including Identifiable Information. If user information, including Identifiable Information, is accessed through unauthorized or improper use of user account or login information or due to user failure to secure user username, password, or customer ID.</li>
    </ul>
    <div class="grid grid-cols-3 gap-8 mt-8">
      <div>
        <h3 class="text-lg font-bold mb-2">AUGTO</h3>
        <p>augto.com is an authorized e-commerce distributor of electronic components. Your one-stop source for over 12million interconnect, passive, and electromechanical products from over 300+ world-class brands.</p>
      </div>
      <div>
        <h3 class="text-lg font-bold mb-2">COMPANY</h3>
        <ul class="list-disc list-inside">
          <li><a href="#">About us</a></li>
          <li><a href="#">Our Story</a></li>
          <li><a href="#">Our Blog</a></li>
          <li><a href="#">Feedback</a></li>
        </ul>
      </div>
      <div>
        <h3 class="text-lg font-bold mb-2">SUPPORT</h3>
        <ul class="list-disc list-inside">
          <li><a href="#">FAQ</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">Purchase Guide</a></li>
          <li><a href="#">Shipping & Delivering</a></li>
          <li><a href="#">Refund & Return</a></li>
        </ul>
      </div>
    </div>
    <div class="mt-8">
      <div class="flex items-center space-x-4">
        <label for="email" class="text-gray-700">Email:</label>
        <input type="email" id="email" class="border border-gray-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Your Email Address">
        <el-button type="primary">Subscribe</el-button>
      </div>
      <p class="text-center mt-4 text-gray-500 text-sm">Country/Region/Language</p>
      <p class="text-center mt-2 text-gray-500 text-xs">Copyright © augto.com All Rights Reserved.</p>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref, h } from 'vue';

import { ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem } from 'element-plus';
</script>

<style scoped>
/* Add your styles here */
</style>